<template>
    <el-container class="full">
        <el-aside class="admin-aside-wrapper" width="auto">
            <admin-side></admin-side>
        </el-aside>

        <el-container class="full">
            <el-header class="admin-header-wrapper">
                <admin-header></admin-header>
            </el-header>
            <el-main class="admin-main-wrapper">
                <admin-home></admin-home>
            </el-main>
        </el-container>
    </el-container>

</template>
<style>
    .full {
        height: 100%;
    }
</style>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import AdminSide from './home/AdminSide.vue';
import AdminHeader from './home/AdminHeader.vue';
import AdminHome from '../views/AdminHome.vue';

@Component({
    components: {
        AdminSide,
        AdminHeader,
        AdminHome
    }
})
export default class Home extends Vue {
    onLogout() {
        this.$local.CleanSession();
        this.$router.push("/login")
    }
}
</script>
